@use "sass:map";
@use "../common/var" as *;

@mixin button-size($padding-vertical, $padding-horizontal, $font-size, $border-radius, $width, $height) {
  width: $width;
  height: $height;
  line-height: $height;
  padding: $padding-vertical $padding-horizontal;
  font-size: $font-size;
  border-radius: $border-radius;
  &.is-round {
    padding: $padding-vertical $padding-horizontal;
  }
}

@mixin button-plain($type) {
  background-color: map.get($plain-colors, $type) !important;
  border: 1px solid map.get($border-colors, $type) !important;
  color: map.get($text-colors, $type) !important;
}
@mixin button-plain_hover($type) {
  background-color: map.get($colors, $type) !important;
}
@mixin button-type($type) {
  background-color: map.get($colors, $type);
}
@mixin button-type_hover($type) {
  background-color: map.get($plain-colors, $type);
}
